﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Triangle.aspx.cs" Inherits="CSSCircleStudy.Triangle" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        em
        {
            display: block;
            width: 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            border-width: 40px;
            border-style: solid;
            border-color: #cf6 #fff #39c #ffc;
            _filter: chroma(color=#000000) /*色度滤镜,让IE6实现透明borderColor.滤镜的颜色值不可简写*/;
        }
        em.a
        {
            border-color: transparent transparent #fff transparent;
            _border-color: #000 #000 #fff #000;
        }
        em.b
        {
            border-color: transparent transparent transparent #fff;
            _border-color: #000 #000 #000 #fff;
        }
        em.c
        {
            border-color: #fff transparent transparent transparent;
            _border-color: #fff #000 #000 #000;
        }
        em.d
        {
            border-color: transparent #fff transparent transparent;
            _border-color: #000 #fff #000 #000;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <em></em>
            <!--它就是三角形了,哈-->
    </div>
    </form>
</body>
</html>
